import { Icon } from '@chakra-ui/react';
export default function GoogleIcon(props: Parameters<typeof Icon>[0]) {
  return (
    <Icon
      width="21"
      height="20"
      viewBox="0 0 21 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.28567 10.0001C5.28567 9.46629 5.37673 8.95421 5.53785 8.47435L2.70927 6.35876C2.14096 7.48834 1.84584 8.73559 1.84766 10.0001C1.84766 11.3087 2.15728 12.543 2.70787 13.6386L5.53505 11.5195C5.3702 11.0299 5.28598 10.5167 5.28567 10.0001Z"
        fill="#5A646E"
      />
      <path
        d="M10.2533 5.1434C11.4371 5.1434 12.5067 5.55391 13.3473 6.22641L15.7927 3.83552C14.3028 2.56547 12.3926 1.78088 10.2533 1.78088C6.93154 1.78088 4.07634 3.64077 2.70898 6.35881L5.53896 8.47439C6.19042 6.53674 8.04812 5.1434 10.2533 5.1434Z"
        fill="black"
      />
      <path
        d="M10.2533 14.8567C8.04742 14.8567 6.18972 13.4634 5.53756 11.5258L2.70898 13.6413C4.07564 16.3594 6.93084 18.2193 10.2533 18.2193C12.3029 18.2193 14.2601 17.5068 15.7297 16.1709L13.044 14.138C12.2868 14.6053 11.3327 14.8567 10.2526 14.8567"
        fill="#485058"
      />
      <path
        d="M18.278 10.0001C18.278 9.51461 18.201 8.99132 18.0868 8.50586H10.2539V11.6813H14.7623C14.5374 12.7643 13.9238 13.5966 13.0461 14.1381L15.731 16.171C17.2742 14.7685 18.278 12.6796 18.278 10.0001Z"
        fill="#24282C"
      />{' '}
    </Icon>
  );
}
